
.login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999999999!important;
    .login_tu{
        z-index: 9999999999!important;
        width: 540px;
        height: 560px;
        background-color: #fff;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 20px;
        .login_top{
            border-radius: 20px 20px 0 0;
            width: 100%;
            height: 80px;
            background-color: #fafafa;
          display: flex;
            .back{
                margin-left: 160px;
                margin-top: 25px;
                font-size: 26px;
                color: #ccc;
            }
            img{
                width: 140px;
                height: 36px;
                margin-top: 20px;
                margin-left: 200px;
            }
        }
        .login_midon{
            width: 540px;
            height: 350px;
            p{
                margin-left: 230px;
                font-weight: bold;
                font-size: 24px;
                
            }
            // background-color: #ccc;
            .form{
               padding-top: 100px;
            }
        }
        .login_bottom{
             
            width: 100%;
            height: 140px;
            text-align: center;
            // background-color: darkgoldenrod;
            .tubiao{
                
                width: 100%;
                height: 80px;
                // background-color: chartreuse;
                display: flex;
                align-items: center;
               justify-content: space-evenly;
               dl{
                text-align: center;
                .icon-weixin{
                    width: 30px;
                    height: 30px;
                    border: 1px solid #ccc;
                    line-height: 30px;
                    border-radius: 50%;
                    color: greenyellow;
                }
                .icon-QQ{
                    width: 30px;
                    height: 30px;
                    border: 1px solid #ccc;
                    line-height: 30px;
                    border-radius: 50%;
                    color: #1296db;
                
                }
               }
               
                .zi{
                    
                    font-size: 10px;
                }
            }
            .dibu{
                width: 100%;
                height: 50px;
                background-color: #fafafa;
                border-radius: 0 0 20px 20px;
                text-align: center;
                font-size: 10px;
                line-height: 50px;
            }
        }
       
    }
    
}






